<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>[PAGE TITLE]</title>
		
		<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div class="header">
			<div class="left">
				<a class="logo" href="#"><img alt="Logo" src="images/logo.png" /></a>
				<div class="clear"></div>
				<ul class="navigation">
					<li class="active"><a href="#">Dashboard</a></li>
					<li><a href="#">Link 1</a></li>
					<li><a href="#">Link 2</a></li>
					<li><a href="#">Link 3</a></li>
					<li><a href="#">Link 4</a></li>
					<li><a href="#">Link 5</a></li>
				</ul>
			</div>
			<div class="header-right">
				<p>Logged in as <a wicket:id="LoggedInAsLink" href="#">Admin</a> | <a wicket:id="LoginPageLink" href="#">Logout</a></p>
				<p>
					<strong>November 22, 2010</strong> at <strong>6:23pm</strong><br />
					<strong>Windy, Overcast 75° F outside</strong><br />
					<strong>72° F inside</strong>
				</p>
			</div>
		</div>
		<div class="columns-wrapper">
			<div class="left-column">
				<div class="box">
					<h2>Actions</h2>
					<ul class="submenu">
						<li><a href="#">Action 1</a></li>
						<li><a href="#">Action 1</a></li>
						<li><a href="#">Action 1</a></li>
						<li><a href="#">Action 1</a></li>
						<li><a href="#">Action 1</a></li>
					</ul>
					<div class="clear"></div>
				</div>
			</div>
			<div class="right-column">
				<div class="wrapper">
					<div class="top-links">
						<a class="green-button" href="#">Active Button</a>
						<a class="gray-button" href="#">Inactive Button</a>
						<a class="icon-right" href="#"><img alt="Help" src="images/icons/help.png" /></a>
						<a class="icon-right" href="#"><img alt="Refresh" src="images/icons/arrow_rotate_clockwise.png" /></a>
						<a class="icon-right" href="#"><img alt="Printer" src="images/icons/printer.png" /></a>
						<div class="clear"></div>
					</div>
					<div class="column-three">
						<div class="inner">
							<h1>Heading h1</h1>
							<h2>Heading h2</h2>
							<h3>Heading h3</h3>
							<h4>Heading h4</h4>
							<h5>Heading h5</h5>
							<h6>Heading h6</h6>
						</div>
					</div>
					<div class="column-three">
						<div class="inner">
							<div class="box">
								<p class="medium black">Honolulu, HI 96186</p>
								<div class="left" style="width: 50%;">
									<p class="x-large dark-blue no-margin">76&deg; F</p>
									<p>82&deg; Outside<br />Sunny, Windy</p>
									<p class="large blue no-margin">4:55pm</p>
									<p class="small black">Sunrise: 643am<br />Sunset: 7:01pm</p>
								</div>
								<div class="left" style="width: 50%;">
									<img alt="weather" src="images/weather.jpg" />
								</div>
								<div class="clear"></div>
							</div>
						</div>
					</div>
					<div class="column-three">
						<div class="inner">
							<div class="box">
								<div class="left" style="width: 50%;">
									<p class="x-large dark-purple no-margin">63.5%</p>
									<p class="small black">current charge</p>
								</div>
								<div class="left" style="text-align: right; width: 50%;">
									<p class="x-large blue no-margin">$12.30</p>
									<p class="small black">savings per day</p>
								</div>
								<div class="clear"></div>
								<img alt="graph" src="images/graph.jpg" />
							</div>
						</div>
					</div>
					<div class="clear"></div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis, nunc nec consequat iaculis, mauris magna lobortis quam, sit amet scelerisque mi dolor a quam. Duis venenatis pulvinar eros, id molestie tortor elementum non. Nam egestas elit eu metus volutpat sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin condimentum diam vitae justo scelerisque non porttitor massa varius. Ut et urna eget orci ornare sodales ac nec mauris. Quisque laoreet tincidunt nisl quis consectetur. Cras at leo diam, congue rutrum lorem. Curabitur eget tincidunt risus. Vivamus iaculis nibh nec augue elementum consectetur. Aenean rhoncus pellentesque lectus et tempus. Morbi nec neque tellus, vel ultrices sem. Aliquam eu diam ac lacus semper euismod. Maecenas cursus enim magna, eget sodales ante. Curabitur in nunc urna. Aliquam eget arcu mauris, quis imperdiet ipsum.</p>
					<div class="column-two">
						<div class="inner">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis, nunc nec consequat iaculis, mauris magna lobortis quam, sit amet scelerisque mi dolor a quam. Duis venenatis pulvinar eros, id molestie tortor elementum non. Nam egestas elit eu metus volutpat sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin condimentum diam vitae justo scelerisque non porttitor massa varius. Ut et urna eget orci ornare sodales ac nec mauris. Quisque laoreet tincidunt nisl quis consectetur. Cras at leo diam, congue rutrum lorem. Curabitur eget tincidunt risus. Vivamus iaculis nibh nec augue elementum consectetur. Aenean rhoncus pellentesque lectus et tempus. Morbi nec neque tellus, vel ultrices sem. Aliquam eu diam ac lacus semper euismod. Maecenas cursus enim magna, eget sodales ante. Curabitur in nunc urna. Aliquam eget arcu mauris, quis imperdiet ipsum.</p>
						</div>
					</div>
					<div class="column-two">
						<div class="inner">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis, nunc nec consequat iaculis, mauris magna lobortis quam, sit amet scelerisque mi dolor a quam. Duis venenatis pulvinar eros, id molestie tortor elementum non. Nam egestas elit eu metus volutpat sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin condimentum diam vitae justo scelerisque non porttitor massa varius. Ut et urna eget orci ornare sodales ac nec mauris. Quisque laoreet tincidunt nisl quis consectetur. Cras at leo diam, congue rutrum lorem. Curabitur eget tincidunt risus. Vivamus iaculis nibh nec augue elementum consectetur. Aenean rhoncus pellentesque lectus et tempus. Morbi nec neque tellus, vel ultrices sem. Aliquam eu diam ac lacus semper euismod. Maecenas cursus enim magna, eget sodales ante. Curabitur in nunc urna. Aliquam eget arcu mauris, quis imperdiet ipsum.</p>
						</div>
					</div>
					<div class="column-three">
						<div class="inner">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis, nunc nec consequat iaculis, mauris magna lobortis quam, sit amet scelerisque mi dolor a quam. Duis venenatis pulvinar eros, id molestie tortor elementum non. Nam egestas elit eu metus volutpat sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin condimentum diam vitae justo scelerisque non porttitor massa varius. Ut et urna eget orci ornare sodales ac nec mauris. Quisque laoreet tincidunt nisl quis consectetur. Cras at leo diam, congue rutrum lorem. Curabitur eget tincidunt risus. Vivamus iaculis nibh nec augue elementum consectetur. Aenean rhoncus pellentesque lectus et tempus. Morbi nec neque tellus, vel ultrices sem. Aliquam eu diam ac lacus semper euismod. Maecenas cursus enim magna, eget sodales ante. Curabitur in nunc urna. Aliquam eget arcu mauris, quis imperdiet ipsum.</p>
						</div>
					</div>
					<div class="column-three">
						<div class="inner">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis, nunc nec consequat iaculis, mauris magna lobortis quam, sit amet scelerisque mi dolor a quam. Duis venenatis pulvinar eros, id molestie tortor elementum non. Nam egestas elit eu metus volutpat sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin condimentum diam vitae justo scelerisque non porttitor massa varius. Ut et urna eget orci ornare sodales ac nec mauris. Quisque laoreet tincidunt nisl quis consectetur. Cras at leo diam, congue rutrum lorem. Curabitur eget tincidunt risus. Vivamus iaculis nibh nec augue elementum consectetur. Aenean rhoncus pellentesque lectus et tempus. Morbi nec neque tellus, vel ultrices sem. Aliquam eu diam ac lacus semper euismod. Maecenas cursus enim magna, eget sodales ante. Curabitur in nunc urna. Aliquam eget arcu mauris, quis imperdiet ipsum.</p>
						</div>
					</div>
					<div class="column-three">
						<div class="inner">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis, nunc nec consequat iaculis, mauris magna lobortis quam, sit amet scelerisque mi dolor a quam. Duis venenatis pulvinar eros, id molestie tortor elementum non. Nam egestas elit eu metus volutpat sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin condimentum diam vitae justo scelerisque non porttitor massa varius. Ut et urna eget orci ornare sodales ac nec mauris. Quisque laoreet tincidunt nisl quis consectetur. Cras at leo diam, congue rutrum lorem. Curabitur eget tincidunt risus. Vivamus iaculis nibh nec augue elementum consectetur. Aenean rhoncus pellentesque lectus et tempus. Morbi nec neque tellus, vel ultrices sem. Aliquam eu diam ac lacus semper euismod. Maecenas cursus enim magna, eget sodales ante. Curabitur in nunc urna. Aliquam eget arcu mauris, quis imperdiet ipsum.</p>
						</div>
					</div>
					<div class="box">
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis, nunc nec consequat iaculis, mauris magna lobortis quam, sit amet scelerisque mi dolor a quam. Duis venenatis pulvinar eros, id molestie tortor elementum non. Nam egestas elit eu metus volutpat sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin condimentum diam vitae justo scelerisque non porttitor massa varius. Ut et urna eget orci ornare sodales ac nec mauris. Quisque laoreet tincidunt nisl quis consectetur. Cras at leo diam, congue rutrum lorem. Curabitur eget tincidunt risus. Vivamus iaculis nibh nec augue elementum consectetur. Aenean rhoncus pellentesque lectus et tempus. Morbi nec neque tellus, vel ultrices sem. Aliquam eu diam ac lacus semper euismod. Maecenas cursus enim magna, eget sodales ante. Curabitur in nunc urna. Aliquam eget arcu mauris, quis imperdiet ipsum.</p>
					</div>
					<div class="column-two">
						<div class="inner">
							<div class="box">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis, nunc nec consequat iaculis, mauris magna lobortis quam, sit amet scelerisque mi dolor a quam. Duis venenatis pulvinar eros, id molestie tortor elementum non. Nam egestas elit eu metus volutpat sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin condimentum diam vitae justo scelerisque non porttitor massa varius. Ut et urna eget orci ornare sodales ac nec mauris. Quisque laoreet tincidunt nisl quis consectetur. Cras at leo diam, congue rutrum lorem. Curabitur eget tincidunt risus. Vivamus iaculis nibh nec augue elementum consectetur. Aenean rhoncus pellentesque lectus et tempus. Morbi nec neque tellus, vel ultrices sem. Aliquam eu diam ac lacus semper euismod. Maecenas cursus enim magna, eget sodales ante. Curabitur in nunc urna. Aliquam eget arcu mauris, quis imperdiet ipsum.</p>
							</div>
						</div>
					</div>
					<div class="column-two">
						<div class="inner">
							<div class="box">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis, nunc nec consequat iaculis, mauris magna lobortis quam, sit amet scelerisque mi dolor a quam. Duis venenatis pulvinar eros, id molestie tortor elementum non. Nam egestas elit eu metus volutpat sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin condimentum diam vitae justo scelerisque non porttitor massa varius. Ut et urna eget orci ornare sodales ac nec mauris. Quisque laoreet tincidunt nisl quis consectetur. Cras at leo diam, congue rutrum lorem. Curabitur eget tincidunt risus. Vivamus iaculis nibh nec augue elementum consectetur. Aenean rhoncus pellentesque lectus et tempus. Morbi nec neque tellus, vel ultrices sem. Aliquam eu diam ac lacus semper euismod. Maecenas cursus enim magna, eget sodales ante. Curabitur in nunc urna. Aliquam eget arcu mauris, quis imperdiet ipsum.</p>
							</div>
						</div>
					</div>
					<div class="column-three">
						<div class="inner">
							<div class="box">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis, nunc nec consequat iaculis, mauris magna lobortis quam, sit amet scelerisque mi dolor a quam. Duis venenatis pulvinar eros, id molestie tortor elementum non. Nam egestas elit eu metus volutpat sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin condimentum diam vitae justo scelerisque non porttitor massa varius. Ut et urna eget orci ornare sodales ac nec mauris. Quisque laoreet tincidunt nisl quis consectetur. Cras at leo diam, congue rutrum lorem. Curabitur eget tincidunt risus. Vivamus iaculis nibh nec augue elementum consectetur. Aenean rhoncus pellentesque lectus et tempus. Morbi nec neque tellus, vel ultrices sem. Aliquam eu diam ac lacus semper euismod. Maecenas cursus enim magna, eget sodales ante. Curabitur in nunc urna. Aliquam eget arcu mauris, quis imperdiet ipsum.</p>
							</div>
						</div>
					</div>
					<div class="column-three">
						<div class="inner">
							<div class="box">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis, nunc nec consequat iaculis, mauris magna lobortis quam, sit amet scelerisque mi dolor a quam. Duis venenatis pulvinar eros, id molestie tortor elementum non. Nam egestas elit eu metus volutpat sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin condimentum diam vitae justo scelerisque non porttitor massa varius. Ut et urna eget orci ornare sodales ac nec mauris. Quisque laoreet tincidunt nisl quis consectetur. Cras at leo diam, congue rutrum lorem. Curabitur eget tincidunt risus. Vivamus iaculis nibh nec augue elementum consectetur. Aenean rhoncus pellentesque lectus et tempus. Morbi nec neque tellus, vel ultrices sem. Aliquam eu diam ac lacus semper euismod. Maecenas cursus enim magna, eget sodales ante. Curabitur in nunc urna. Aliquam eget arcu mauris, quis imperdiet ipsum.</p>
							</div>
						</div>
					</div>
					<div class="column-three">
						<div class="inner">
							<div class="box">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis, nunc nec consequat iaculis, mauris magna lobortis quam, sit amet scelerisque mi dolor a quam. Duis venenatis pulvinar eros, id molestie tortor elementum non. Nam egestas elit eu metus volutpat sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin condimentum diam vitae justo scelerisque non porttitor massa varius. Ut et urna eget orci ornare sodales ac nec mauris. Quisque laoreet tincidunt nisl quis consectetur. Cras at leo diam, congue rutrum lorem. Curabitur eget tincidunt risus. Vivamus iaculis nibh nec augue elementum consectetur. Aenean rhoncus pellentesque lectus et tempus. Morbi nec neque tellus, vel ultrices sem. Aliquam eu diam ac lacus semper euismod. Maecenas cursus enim magna, eget sodales ante. Curabitur in nunc urna. Aliquam eget arcu mauris, quis imperdiet ipsum.</p>
							</div>
						</div>
					</div>
					<div class="tab-wrapper" id="tabset-1">
						<ul class="tabs">
							<li class="tab-1"><a href="#">Tab 1</a><a class="tab-close" href="#">&nbsp;</a></li>
							<li class="tab-2"><a href="#">Tab 2</a><a class="tab-close" href="#">&nbsp;</a></li>
							<li class="tab-3"><a href="#">Tab 3</a><a class="tab-close" href="#">&nbsp;</a></li>
							<li class="tab-4"><a href="#">Tab 4</a><a class="tab-close" href="#">&nbsp;</a></li>
						</ul>
						<ul class="tab-content">
							<li class="content-1">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis nibh risus. Sed ligula lacus, lobortis eu eleifend vitae, imperdiet in erat. Praesent euismod dui a nibh lobortis posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin purus leo, sodales sit amet pulvinar eget, dictum vel libero. Duis at urna arcu, nec posuere dui. Aliquam ac nulla turpis. Nullam quis lacus orci. Duis eu est arcu. Aliquam interdum est sit amet erat scelerisque pellentesque. Suspendisse sed mattis est. In quis risus et ligula dapibus scelerisque ut vel turpis. Praesent sodales ullamcorper sapien vel hendrerit. Nullam gravida iaculis lacus, eget auctor diam ultricies ut. Fusce vel justo velit, ac pulvinar lectus. Nunc scelerisque aliquam velit sit amet tempor. Proin vel erat non mi porta volutpat id vitae sem. Vivamus a nibh sapien, ac ullamcorper leo. Quisque varius ultrices nibh, in sollicitudin mauris egestas eget.</p>
							</li>
							<li class="content-2">
								<p>Sed fringilla posuere mi vel hendrerit. Suspendisse tristique dui ac ante hendrerit pharetra. Aliquam at vehicula erat. Nam eu neque dui. Aliquam ultricies bibendum eros vel tristique. Pellentesque ac viverra nisi. Nunc bibendum feugiat augue eget tincidunt. Phasellus non turpis eget dolor pretium tempor vitae tempor risus. Quisque consequat, elit nec luctus tincidunt, metus magna hendrerit mauris, nec auctor metus leo vel odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce viverra faucibus hendrerit. Etiam porta tortor tincidunt enim vehicula non blandit neque tincidunt. Nam non elementum orci. Nulla eu tortor at mauris posuere consectetur non at metus. Vivamus lacinia risus turpis, ut dapibus felis. Sed fringilla posuere mi vel hendrerit. Suspendisse tristique dui ac ante hendrerit pharetra. Aliquam at vehicula erat. Nam eu neque dui. Aliquam ultricies bibendum eros vel tristique. Pellentesque ac viverra nisi. Nunc bibendum feugiat augue eget tincidunt. Phasellus non turpis eget dolor pretium tempor vitae tempor risus. Quisque consequat, elit nec luctus tincidunt, metus magna hendrerit mauris, nec auctor metus leo vel odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce viverra faucibus hendrerit. Etiam porta tortor tincidunt enim vehicula non blandit neque tincidunt. Nam non elementum orci. Nulla eu tortor at mauris posuere consectetur non at metus. Vivamus lacinia risus turpis, ut dapibus felis.</p>
							</li>
							<li class="content-3">
								<p>Vestibulum adipiscing molestie mauris, ut adipiscing ante molestie ac. Proin a turpis eget dolor consectetur feugiat a ut magna. Nam lacus dui, tempor id tristique tincidunt, pharetra vitae arcu. Ut posuere tempor adipiscing. Duis porttitor, libero ac aliquet mattis, augue lectus blandit nisl, aliquet fermentum enim sapien et mauris. Sed eleifend imperdiet vestibulum. Fusce tortor dolor, varius at commodo in, consequat eget est. Aenean ornare dui at eros iaculis aliquet. Donec et massa vitae tellus malesuada viverra. Aenean blandit enim vitae turpis aliquam ultricies. Maecenas quis sapien ut est iaculis aliquam.</p>
							</li>
							<li class="content-4">
								<p>Quisque vitae lectus urna. Maecenas cursus eros at ante interdum porttitor. Etiam ut lectus lectus, nec ornare orci. Nulla egestas condimentum nisi, sed molestie lacus blandit quis. Nam in lorem mi, a ultrices nibh. Duis ante diam, volutpat eu vestibulum quis, laoreet iaculis lorem. Aenean nunc ante, porttitor et posuere vel, egestas at purus. Cras nisi erat, bibendum vel tincidunt quis, vestibulum pellentesque nisl. Aliquam convallis diam adipiscing velit vulputate id mollis mi placerat. Sed venenatis dolor quis eros luctus pulvinar. In hac habitasse platea dictumst. Pellentesque in cursus quam. Duis mollis commodo varius. In est massa, imperdiet eget sollicitudin ac, vehicula ut purus. Ut faucibus egestas turpis eget rutrum. Integer accumsan, elit sed condimentum convallis, elit est viverra libero, accumsan tincidunt purus felis ac ligula. Sed id lorem dui.</p>
							</li>
						</ul>
						<div class="clear"></div>
					</div>
					<div class="column-three">
						<div class="inner">
							<div class="tab-wrapper" id="tabset-2">
								<ul class="tabs">
									<li class="tab-1"><a href="#">Tab 1</a><a class="tab-close" href="#">&nbsp;</a></li>
									<li class="tab-2"><a href="#">Tab 2</a><a class="tab-close" href="#">&nbsp;</a></li>
									<li class="tab-3"><a href="#">Tab 3</a><a class="tab-close" href="#">&nbsp;</a></li>
									<li class="tab-4"><a href="#">Tab 4</a><a class="tab-close" href="#">&nbsp;</a></li>
								</ul>
								<ul class="tab-content">
									<li class="content-1">
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis nibh risus. Sed ligula lacus, lobortis eu eleifend vitae, imperdiet in erat. Praesent euismod dui a nibh lobortis posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin purus leo, sodales sit amet pulvinar eget, dictum vel libero. Duis at urna arcu, nec posuere dui. Aliquam ac nulla turpis. Nullam quis lacus orci. Duis eu est arcu. Aliquam interdum est sit amet erat scelerisque pellentesque. Suspendisse sed mattis est. In quis risus et ligula dapibus scelerisque ut vel turpis. Praesent sodales ullamcorper sapien vel hendrerit. Nullam gravida iaculis lacus, eget auctor diam ultricies ut. Fusce vel justo velit, ac pulvinar lectus. Nunc scelerisque aliquam velit sit amet tempor. Proin vel erat non mi porta volutpat id vitae sem. Vivamus a nibh sapien, ac ullamcorper leo. Quisque varius ultrices nibh, in sollicitudin mauris egestas eget.</p>
									</li>
									<li class="content-2">
										<p>Sed fringilla posuere mi vel hendrerit. Suspendisse tristique dui ac ante hendrerit pharetra. Aliquam at vehicula erat. Nam eu neque dui. Aliquam ultricies bibendum eros vel tristique. Pellentesque ac viverra nisi. Nunc bibendum feugiat augue eget tincidunt. Phasellus non turpis eget dolor pretium tempor vitae tempor risus. Quisque consequat, elit nec luctus tincidunt, metus magna hendrerit mauris, nec auctor metus leo vel odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce viverra faucibus hendrerit. Etiam porta tortor tincidunt enim vehicula non blandit neque tincidunt. Nam non elementum orci. Nulla eu tortor at mauris posuere consectetur non at metus. Vivamus lacinia risus turpis, ut dapibus felis. Sed fringilla posuere mi vel hendrerit. Suspendisse tristique dui ac ante hendrerit pharetra. Aliquam at vehicula erat. Nam eu neque dui. Aliquam ultricies bibendum eros vel tristique. Pellentesque ac viverra nisi. Nunc bibendum feugiat augue eget tincidunt. Phasellus non turpis eget dolor pretium tempor vitae tempor risus. Quisque consequat, elit nec luctus tincidunt, metus magna hendrerit mauris, nec auctor metus leo vel odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce viverra faucibus hendrerit. Etiam porta tortor tincidunt enim vehicula non blandit neque tincidunt. Nam non elementum orci. Nulla eu tortor at mauris posuere consectetur non at metus. Vivamus lacinia risus turpis, ut dapibus felis.</p>
									</li>
									<li class="content-3">
										<p>Vestibulum adipiscing molestie mauris, ut adipiscing ante molestie ac. Proin a turpis eget dolor consectetur feugiat a ut magna. Nam lacus dui, tempor id tristique tincidunt, pharetra vitae arcu. Ut posuere tempor adipiscing. Duis porttitor, libero ac aliquet mattis, augue lectus blandit nisl, aliquet fermentum enim sapien et mauris. Sed eleifend imperdiet vestibulum. Fusce tortor dolor, varius at commodo in, consequat eget est. Aenean ornare dui at eros iaculis aliquet. Donec et massa vitae tellus malesuada viverra. Aenean blandit enim vitae turpis aliquam ultricies. Maecenas quis sapien ut est iaculis aliquam.</p>
									</li>
									<li class="content-4">
										<p>Quisque vitae lectus urna. Maecenas cursus eros at ante interdum porttitor. Etiam ut lectus lectus, nec ornare orci. Nulla egestas condimentum nisi, sed molestie lacus blandit quis. Nam in lorem mi, a ultrices nibh. Duis ante diam, volutpat eu vestibulum quis, laoreet iaculis lorem. Aenean nunc ante, porttitor et posuere vel, egestas at purus. Cras nisi erat, bibendum vel tincidunt quis, vestibulum pellentesque nisl. Aliquam convallis diam adipiscing velit vulputate id mollis mi placerat. Sed venenatis dolor quis eros luctus pulvinar. In hac habitasse platea dictumst. Pellentesque in cursus quam. Duis mollis commodo varius. In est massa, imperdiet eget sollicitudin ac, vehicula ut purus. Ut faucibus egestas turpis eget rutrum. Integer accumsan, elit sed condimentum convallis, elit est viverra libero, accumsan tincidunt purus felis ac ligula. Sed id lorem dui.</p>
									</li>
								</ul>
								<div class="clear"></div>
							</div>
						</div>
					</div>
					<div class="column-three">
						<div class="inner">
							<div class="tab-wrapper" id="tabset-3">
								<ul class="tabs">
									<li class="tab-1"><a href="#">Tab 1</a><a class="tab-close" href="#">&nbsp;</a></li>
									<li class="tab-2"><a href="#">Tab 2</a><a class="tab-close" href="#">&nbsp;</a></li>
									<li class="tab-3"><a href="#">Tab 3</a><a class="tab-close" href="#">&nbsp;</a></li>
									<li class="tab-4"><a href="#">Tab 4</a><a class="tab-close" href="#">&nbsp;</a></li>
								</ul>
								<ul class="tab-content">
									<li class="content-1">
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis nibh risus. Sed ligula lacus, lobortis eu eleifend vitae, imperdiet in erat. Praesent euismod dui a nibh lobortis posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin purus leo, sodales sit amet pulvinar eget, dictum vel libero. Duis at urna arcu, nec posuere dui. Aliquam ac nulla turpis. Nullam quis lacus orci. Duis eu est arcu. Aliquam interdum est sit amet erat scelerisque pellentesque. Suspendisse sed mattis est. In quis risus et ligula dapibus scelerisque ut vel turpis. Praesent sodales ullamcorper sapien vel hendrerit. Nullam gravida iaculis lacus, eget auctor diam ultricies ut. Fusce vel justo velit, ac pulvinar lectus. Nunc scelerisque aliquam velit sit amet tempor. Proin vel erat non mi porta volutpat id vitae sem. Vivamus a nibh sapien, ac ullamcorper leo. Quisque varius ultrices nibh, in sollicitudin mauris egestas eget.</p>
									</li>
									<li class="content-2">
										<p>Sed fringilla posuere mi vel hendrerit. Suspendisse tristique dui ac ante hendrerit pharetra. Aliquam at vehicula erat. Nam eu neque dui. Aliquam ultricies bibendum eros vel tristique. Pellentesque ac viverra nisi. Nunc bibendum feugiat augue eget tincidunt. Phasellus non turpis eget dolor pretium tempor vitae tempor risus. Quisque consequat, elit nec luctus tincidunt, metus magna hendrerit mauris, nec auctor metus leo vel odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce viverra faucibus hendrerit. Etiam porta tortor tincidunt enim vehicula non blandit neque tincidunt. Nam non elementum orci. Nulla eu tortor at mauris posuere consectetur non at metus. Vivamus lacinia risus turpis, ut dapibus felis. Sed fringilla posuere mi vel hendrerit. Suspendisse tristique dui ac ante hendrerit pharetra. Aliquam at vehicula erat. Nam eu neque dui. Aliquam ultricies bibendum eros vel tristique. Pellentesque ac viverra nisi. Nunc bibendum feugiat augue eget tincidunt. Phasellus non turpis eget dolor pretium tempor vitae tempor risus. Quisque consequat, elit nec luctus tincidunt, metus magna hendrerit mauris, nec auctor metus leo vel odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce viverra faucibus hendrerit. Etiam porta tortor tincidunt enim vehicula non blandit neque tincidunt. Nam non elementum orci. Nulla eu tortor at mauris posuere consectetur non at metus. Vivamus lacinia risus turpis, ut dapibus felis.</p>
									</li>
									<li class="content-3">
										<p>Vestibulum adipiscing molestie mauris, ut adipiscing ante molestie ac. Proin a turpis eget dolor consectetur feugiat a ut magna. Nam lacus dui, tempor id tristique tincidunt, pharetra vitae arcu. Ut posuere tempor adipiscing. Duis porttitor, libero ac aliquet mattis, augue lectus blandit nisl, aliquet fermentum enim sapien et mauris. Sed eleifend imperdiet vestibulum. Fusce tortor dolor, varius at commodo in, consequat eget est. Aenean ornare dui at eros iaculis aliquet. Donec et massa vitae tellus malesuada viverra. Aenean blandit enim vitae turpis aliquam ultricies. Maecenas quis sapien ut est iaculis aliquam.</p>
									</li>
									<li class="content-4">
										<p>Quisque vitae lectus urna. Maecenas cursus eros at ante interdum porttitor. Etiam ut lectus lectus, nec ornare orci. Nulla egestas condimentum nisi, sed molestie lacus blandit quis. Nam in lorem mi, a ultrices nibh. Duis ante diam, volutpat eu vestibulum quis, laoreet iaculis lorem. Aenean nunc ante, porttitor et posuere vel, egestas at purus. Cras nisi erat, bibendum vel tincidunt quis, vestibulum pellentesque nisl. Aliquam convallis diam adipiscing velit vulputate id mollis mi placerat. Sed venenatis dolor quis eros luctus pulvinar. In hac habitasse platea dictumst. Pellentesque in cursus quam. Duis mollis commodo varius. In est massa, imperdiet eget sollicitudin ac, vehicula ut purus. Ut faucibus egestas turpis eget rutrum. Integer accumsan, elit sed condimentum convallis, elit est viverra libero, accumsan tincidunt purus felis ac ligula. Sed id lorem dui.</p>
									</li>
								</ul>
								<div class="clear"></div>
							</div>
						</div>
					</div>
					<div class="column-three">
						<div class="inner">
							<div class="tab-wrapper" id="tabset-4">
								<ul class="tabs">
									<li class="tab-1"><a href="#">Tab 1</a><a class="tab-close" href="#">&nbsp;</a></li>
									<li class="tab-2"><a href="#">Tab 2</a><a class="tab-close" href="#">&nbsp;</a></li>
									<li class="tab-3"><a href="#">Tab 3</a><a class="tab-close" href="#">&nbsp;</a></li>
									<li class="tab-4"><a href="#">Tab 4</a><a class="tab-close" href="#">&nbsp;</a></li>
								</ul>
								<ul class="tab-content">
									<li class="content-1">
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis nibh risus. Sed ligula lacus, lobortis eu eleifend vitae, imperdiet in erat. Praesent euismod dui a nibh lobortis posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin purus leo, sodales sit amet pulvinar eget, dictum vel libero. Duis at urna arcu, nec posuere dui. Aliquam ac nulla turpis. Nullam quis lacus orci. Duis eu est arcu. Aliquam interdum est sit amet erat scelerisque pellentesque. Suspendisse sed mattis est. In quis risus et ligula dapibus scelerisque ut vel turpis. Praesent sodales ullamcorper sapien vel hendrerit. Nullam gravida iaculis lacus, eget auctor diam ultricies ut. Fusce vel justo velit, ac pulvinar lectus. Nunc scelerisque aliquam velit sit amet tempor. Proin vel erat non mi porta volutpat id vitae sem. Vivamus a nibh sapien, ac ullamcorper leo. Quisque varius ultrices nibh, in sollicitudin mauris egestas eget.</p>
									</li>
									<li class="content-2">
										<p>Sed fringilla posuere mi vel hendrerit. Suspendisse tristique dui ac ante hendrerit pharetra. Aliquam at vehicula erat. Nam eu neque dui. Aliquam ultricies bibendum eros vel tristique. Pellentesque ac viverra nisi. Nunc bibendum feugiat augue eget tincidunt. Phasellus non turpis eget dolor pretium tempor vitae tempor risus. Quisque consequat, elit nec luctus tincidunt, metus magna hendrerit mauris, nec auctor metus leo vel odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce viverra faucibus hendrerit. Etiam porta tortor tincidunt enim vehicula non blandit neque tincidunt. Nam non elementum orci. Nulla eu tortor at mauris posuere consectetur non at metus. Vivamus lacinia risus turpis, ut dapibus felis. Sed fringilla posuere mi vel hendrerit. Suspendisse tristique dui ac ante hendrerit pharetra. Aliquam at vehicula erat. Nam eu neque dui. Aliquam ultricies bibendum eros vel tristique. Pellentesque ac viverra nisi. Nunc bibendum feugiat augue eget tincidunt. Phasellus non turpis eget dolor pretium tempor vitae tempor risus. Quisque consequat, elit nec luctus tincidunt, metus magna hendrerit mauris, nec auctor metus leo vel odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce viverra faucibus hendrerit. Etiam porta tortor tincidunt enim vehicula non blandit neque tincidunt. Nam non elementum orci. Nulla eu tortor at mauris posuere consectetur non at metus. Vivamus lacinia risus turpis, ut dapibus felis.</p>
									</li>
									<li class="content-3">
										<p>Vestibulum adipiscing molestie mauris, ut adipiscing ante molestie ac. Proin a turpis eget dolor consectetur feugiat a ut magna. Nam lacus dui, tempor id tristique tincidunt, pharetra vitae arcu. Ut posuere tempor adipiscing. Duis porttitor, libero ac aliquet mattis, augue lectus blandit nisl, aliquet fermentum enim sapien et mauris. Sed eleifend imperdiet vestibulum. Fusce tortor dolor, varius at commodo in, consequat eget est. Aenean ornare dui at eros iaculis aliquet. Donec et massa vitae tellus malesuada viverra. Aenean blandit enim vitae turpis aliquam ultricies. Maecenas quis sapien ut est iaculis aliquam.</p>
									</li>
									<li class="content-4">
										<p>Quisque vitae lectus urna. Maecenas cursus eros at ante interdum porttitor. Etiam ut lectus lectus, nec ornare orci. Nulla egestas condimentum nisi, sed molestie lacus blandit quis. Nam in lorem mi, a ultrices nibh. Duis ante diam, volutpat eu vestibulum quis, laoreet iaculis lorem. Aenean nunc ante, porttitor et posuere vel, egestas at purus. Cras nisi erat, bibendum vel tincidunt quis, vestibulum pellentesque nisl. Aliquam convallis diam adipiscing velit vulputate id mollis mi placerat. Sed venenatis dolor quis eros luctus pulvinar. In hac habitasse platea dictumst. Pellentesque in cursus quam. Duis mollis commodo varius. In est massa, imperdiet eget sollicitudin ac, vehicula ut purus. Ut faucibus egestas turpis eget rutrum. Integer accumsan, elit sed condimentum convallis, elit est viverra libero, accumsan tincidunt purus felis ac ligula. Sed id lorem dui.</p>
									</li>
								</ul>
								<div class="clear"></div>
							</div>
						</div>
					</div>
					<p class="message">This is a basic message.</p>
					<p class="info">This is an information message.</p>
					<p class="warning">This is a warning message.</p>
					<p class="error">This is an error message.</p>
					<p class="success">This is a success message.</p>
					<form action="#" class="input-form" method="post" name="sampleform">
						<p class="success">This is a success message used inside of a form.</p>
						<label class="required" for="textfield">Required Label Sample</label>
						<input class="text" type="text" value="Sample Value" />
						<div class="validation-error"><span>This field is invalid</span></div>
						<label for="textarea">Non-Required Field</label>
						<textarea cols="50" rows="10" name="textarea">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et risus. Maecenas non nunc. Proin eleifend viverra sapien. Donec id augue. Duis erat nunc, volutpat a, bibendum quis, placerat vitae, enim. Etiam consectetur, velit in viverra tempus, urna augue sollicitudin tellus, vitae interdum arcu mi at est.</textarea>
						<label for="radiobuttons">Radio Buttons</label>
						<div class="radio-wrapper">
							<label for="radio"><input class="radiobutton" type="radio" /><span>Option 1</span></label>
							<label for="radio"><input class="radiobutton" type="radio" /><span>Option 2</span></label>
							<label for="radio"><input class="radiobutton" type="radio" /><span>Option 3</span></label>
						</div>
						<label for="checkboxes">Check Boxes</label>
						<div class="radio-wrapper">
							<label for="checkbox"><input class="checkbox" type="checkbox" /><span>Option 1</span></label>
							<label for="checkbox"><input class="checkbox" type="checkbox" /><span>Option 2</span></label>
							<label for="checkbox"><input class="checkbox" type="checkbox" /><span>Option 3</span></label>
						</div>
						<label for="selectbox">Select Box</label>
						<select>
							<option>Test</option>
							<option>Test</option>
							<option>Test</option>
							<option>Test</option>
							<option>Test</option>
						</select>
						<div class="clear"></div>
						<input class="plain-button" type="submit" value="Sample" />
						<input class="save-button" type="submit" value="Save" />
						<input class="cancel-button" type="submit" value="Cancel" />
						<input class="add-button" type="submit" value="Add" />
						<div class="clear"></div>
						<input class="green-button" type="submit" value="Active Green" />
						<input class="red-button" type="submit" value="Active Red" />
						<input class="gray-button" type="submit" value="Inactive" />
						<div class="clear"></div>
					</form>
					<div class="box">
						<a class="gray-button" href="#">This is a multi-line button.<br /> Here goes a second line.</a>
						<a class="green-button" href="#">This is a multi-line button.<br /> Here goes a second line.</a>
						<a class="red-button" href="#">This is a multi-line button.<br /> Here goes a second line.</a>
						<div class="clear"></div>
					</div>
					<form action="#" class="table-wrapper" method="get" name="tableform">
						<p class="show-count">
							Show&nbsp;
							<select>
								<option>10</option>
								<option>20</option>
								<option>30</option>
								<option>40</option>
							</select>
							&nbsp;Entries
						</p>
						<p class="showing">Showing 1 - 4 of 567 entries</p>
						<table cellpadding="0" cellspacing="0" class="sortable" width="100%">
							<thead>
								<tr>
									<th>Column 1<a class="sort-asc" href="#">&nbsp;</a></th>
									<th>Column 2<a class="sort-desc" href="#">&nbsp;</a></th>
									<th>Column 3<a class="no-sort" href="#">&nbsp;</a></th>
									<th width="78px">Column 4</th>
								</tr>
							</thead>
							<tfoot>
								<tr>
									<th>Column 1</th>
									<th>Column 2</th>
									<th>Column 3</th>
									<th>Column 4</th>
								</tr>
							</tfoot>
							<tbody>
								<tr>
									<td>Column 1</td>
									<td>Column 2</td>
									<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
									<td>
										<a class="icon-left" href="#"><img alt="Find" src="images/icons/magnifier.png" /></a>
										<a class="icon-left" href="#"><img alt="Edit" src="images/icons/pencil.png" /></a>
										<a class="icon-left" href="#"><img alt="Delete" src="images/icons/cancel.png" /></a>
									</td>
								</tr>
								<tr>
									<td>Column 1</td>
									<td>Column 2</td>
									<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
									<td>
										<a class="icon-left" href="#"><img alt="Find" src="images/icons/magnifier.png" /></a>
										<a class="icon-left" href="#"><img alt="Edit" src="images/icons/pencil.png" /></a>
										<a class="icon-left" href="#"><img alt="Delete" src="images/icons/cancel.png" /></a>
									</td>
								</tr>
								<tr>
									<td>Column 1</td>
									<td>Column 2</td>
									<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
									<td>
										<a class="icon-left" href="#"><img alt="Find" src="images/icons/magnifier.png" /></a>
										<a class="icon-left" href="#"><img alt="Edit" src="images/icons/pencil.png" /></a>
										<a class="icon-left" href="#"><img alt="Delete" src="images/icons/cancel.png" /></a>
									</td>
								</tr>
								<tr>
									<td>Column 1</td>
									<td>Column 2</td>
									<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
									<td>
										<a class="icon-left" href="#"><img alt="Find" src="images/icons/magnifier.png" /></a>
										<a class="icon-left" href="#"><img alt="Edit" src="images/icons/pencil.png" /></a>
										<a class="icon-left" href="#"><img alt="Delete" src="images/icons/cancel.png" /></a>
									</td>
								</tr>
							</tbody>
						</table>
						<p class="pagination">
							<a class="previous" href="#">&nbsp;</a>
							<span class="current">1</span>
							<a href="#">2</a>
							<a href="#">3</a>
							<a href="#">4</a>
							<a href="#">5</a>
							<a class="next" href="#">&nbsp;</a>
						</p>
						<p class="showing">Showing 1 - 4 of 567 entries</p>
					</form>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<div class="footer">
			<p><a href="#">Dashboard</a> | <a href="#">Link 1</a> | <a href="#">Link 2</a> | <a href="#">Link 3</a> | <a href="#">Link 4</a> | <a href="#">Link 5</a></p>
			<p>&copy; Copyright 2010 Noah Woodden - All Rights Reserved</p>
		</div>
		<script src="javascripts/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="javascripts/tabs.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>